<app-dashboard-printable-report
  #dashboardReport
  *ngIf="isPrinting"
  class="printable-area"
  [domain]="reportDomain"
  [reportInfo]="reportInfo"
>
</app-dashboard-printable-report>
<div class="screen-area">
  <div class="clearfix">
    <app-loading-button
      (btnClick)="iskube ? openDashboardReportList() : printDashboardReport()"
      appearance="mat-button"
      buttonClasses="mt-3 mr-1 d-flex justify-content-center align-items-center pull-right"
      iconClasses="eos-icons"
      iconName="print">
    </app-loading-button>
    <h1 class="font-weight-light" id="events-title">
      {{'dashboard.TITLE' | translate}}
    </h1>
  </div>
  <app-security-risk-panel
    *ngIf="scoreInfo && summaryInfo && isShowingScore"
    [scoreInfo]="scoreInfo"
    [summaryInfo]="summaryInfo"
  >
  </app-security-risk-panel>
  <app-exposure-panel
    *ngIf="scoreInfo"
    [scoreInfo]="scoreInfo"
  >
  </app-exposure-panel>
  <app-security-events-panel>
  </app-security-events-panel>
  <div class="row">
    <app-top-security-events-panel
      class="col-lg-6"
      direction="source"
    >
    </app-top-security-events-panel>
    <app-top-security-events-panel
      class="col-lg-6"
      direction="destination"
    >
    </app-top-security-events-panel>
  </div>
  <div class="row">
    <app-top-vulnerable-assets-panel
      class="col-lg-6"
      assetType="containers"
    >
    </app-top-vulnerable-assets-panel>
    <app-top-vulnerable-assets-panel
      class="col-lg-6"
      assetType="nodes"
    >
    </app-top-vulnerable-assets-panel>
  </div>
  <div class="row">
    <app-policy-mode-panel
      *ngIf="scoreInfo"
      class="col-xl-6"
      assetType="services"
      [scoreInfo]="scoreInfo"
    >
    </app-policy-mode-panel>
    <app-policy-mode-panel
      *ngIf="scoreInfo"
      class="col-xl-6"
      assetType="containers"
      [scoreInfo]="scoreInfo"
    >
    </app-policy-mode-panel>
  </div>
  <app-application-protocols-panel>
  </app-application-protocols-panel>
</div>
